<template>
  <div class="protocol-page">
    <div class="container mx-auto px-4 py-8">
      <el-card class="protocol-card">
        <template #header>
          <div class="card-header">
            <h1 class="text-3xl font-bold">用户服务协议</h1>
            <p class="text-sm text-gray-400 mt-2">最后更新时间：2024年10月24日</p>
          </div>
        </template>

        <div class="protocol-content">
          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">一、协议的接受与修改</h2>
            <p class="text-gray-300 leading-relaxed">
              1.1 本协议是您与若依影视平台之间就使用若依影视服务所订立的协议。请您仔细阅读本协议，您点击"同意"并完成注册程序即表示您已阅读并同意接受本协议的全部内容。
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              1.2 若依影视有权根据需要不时修改本协议或依据本协议制定补充协议。修改后的协议一经在网站公布即有效代替原协议。您可随时登录查阅最新协议。
            </p>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">二、账号注册与使用</h2>
            <p class="text-gray-300 leading-relaxed">
              2.1 您需要注册一个账号才能使用若依影视的部分服务。注册时，您应提供真实、准确、完整的个人资料。
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              2.2 您对账号和密码的安全负全部责任，同时对以您账号进行的所有活动和事件负全部责任。
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              2.3 您同意若您发现账号遭到未授权使用或发生其他任何安全问题时，将立即通知若依影视。
            </p>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">三、服务内容</h2>
            <p class="text-gray-300 leading-relaxed">
              3.1 若依影视提供的服务包括但不限于：在线影视点播、短视频浏览、用户评论互动等功能。
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              3.2 若依影视保留随时变更、中断或终止部分或全部服务的权利。
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              3.3 若依影视需要定期或不定期地对提供服务的平台或相关设备进行检修或维护，如因此类情况而造成服务在合理时间内中断的，若依影视无需承担责任。
            </p>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">四、用户行为规范</h2>
            <p class="text-gray-300 leading-relaxed">
              4.1 您在使用若依影视服务时不得从事以下行为：
            </p>
            <ul class="list-disc list-inside text-gray-300 mt-2 space-y-2 ml-4">
              <li>发布、传送、传播、储存违反国家法律法规的内容</li>
              <li>发布、传送、传播、储存侵害他人名誉权、肖像权、知识产权、商业秘密等合法权利的内容</li>
              <li>虚构事实、隐瞒真相以误导、欺骗他人</li>
              <li>发表、传送、传播广告信息及垃圾信息</li>
              <li>从事其他违反法律法规、政策及公序良俗、社会公德等的行为</li>
            </ul>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">五、知识产权</h2>
            <p class="text-gray-300 leading-relaxed">
              5.1 若依影视提供的服务中所包含的任何文本、图片、图形、音频和/或视频资料均受版权、商标和/或其他财产所有权法律的保护。
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              5.2 未经相关权利人同意，上述资料不得在任何媒体直接或间接发布、播放、出于播放或发布目的的改写或再发行。
            </p>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">六、隐私保护</h2>
            <p class="text-gray-300 leading-relaxed">
              6.1 若依影视重视对用户隐私的保护，保护隐私是若依影视的一项基本政策。
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              6.2 您提供的登记资料及若依影视保留的有关您的若干其他资料将受到中国有关隐私的法律和本公司《隐私政策》之规范。
            </p>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">七、免责声明</h2>
            <p class="text-gray-300 leading-relaxed">
              7.1 若依影视不保证服务一定能满足用户的要求，也不保证服务不会中断，对服务的及时性、安全性、准确性也都不作保证。
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              7.2 对于因不可抗力或若依影视不能控制的原因造成的网络服务中断或其它缺陷，若依影视不承担任何责任。
            </p>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">八、法律适用与争议解决</h2>
            <p class="text-gray-300 leading-relaxed">
              8.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              8.2 如双方就本协议内容或其执行发生任何争议，双方应尽力友好协商解决；协商不成时，任何一方均可向若依影视所在地的人民法院提起诉讼。
            </p>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">九、联系我们</h2>
            <p class="text-gray-300 leading-relaxed">
              如果您对本协议有任何疑问，请通过以下方式联系我们：
            </p>
            <ul class="list-none text-gray-300 mt-2 space-y-2 ml-4">
              <li>邮箱：support@ruoyi.com</li>
              <li>电话：400-123-4567</li>
              <li>地址：中国·北京</li>
            </ul>
          </section>
        </div>

        <div class="mt-8 text-center">
          <el-button type="primary" @click="navigateTo('/')">
            返回首页
          </el-button>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script setup lang="ts">
const siteConfig = useSiteConfig()

useSeoMeta({
  title: '用户服务协议',
  description: `${siteConfig.siteName}用户服务协议`,
})
</script>

<style scoped>
.protocol-page {
  min-height: 100vh;
  background-color: #0f0f0f;
  padding-top: 80px;
  padding-bottom: 40px;
}

.protocol-card {
  background-color: rgba(31, 41, 55, 0.8);
  border: 1px solid rgba(55, 65, 81, 0.5);
  max-width: 900px;
  margin: 0 auto;
}

:deep(.el-card__header) {
  background-color: rgba(55, 65, 81, 0.3);
  border-bottom: 1px solid rgba(55, 65, 81, 0.5);
}

.card-header h1 {
  color: #ffffff;
  margin: 0;
}

.protocol-content {
  color: #e5e7eb;
  line-height: 1.8;
}

.protocol-content h2 {
  color: #10b981;
  border-left: 4px solid #10b981;
  padding-left: 12px;
  margin-bottom: 16px;
}

.protocol-content section {
  padding: 16px 0;
}

.protocol-content p {
  margin: 8px 0;
  text-indent: 2em;
}

.protocol-content ul {
  margin: 8px 0;
}

.protocol-content li {
  margin: 8px 0;
}
</style>
